<div class="card-hd col" (click)="goToRosterDetail(roster.id)"
     [class.one-child]="roster.activitys && roster.activitys.length===1"
     [class.double-child]="roster.activitys && roster.activitys.length===2">
    <div class="client-name">
        <span>{{roster.name}}</span>
    </div>
    <div class="age">
        <i *ngIf="roster.sex" [ngClass]="{'male': roster.sex === 'M','female': roster.sex==='F'}"></i>
        <span *ngIf="roster.age">{{roster.age}}岁</span>
    </div>
</div>
<div class="col card-bd" [class.card-bd2]="classify===1">
    <div class="row" *ngFor="let innerItem of roster.activitys; index as innerIndex"
         [class.over-time]="isOverTime(innerItem.status)">
        <div class="col name">{{innerItem.name}}</div>
        <div class="col level" *ngIf="classify===0">
            <span *ngIf="innerItem.level">{{innerItem.level}}</span>
            <span *ngIf="!innerItem.level">-</span>
        </div>
        <div class="col time" *ngIf="classify===0">{{innerItem.time | unixRsolvedPipe:'YY/MM/DD'}}</div>
        <div class="col time" *ngIf="classify===1">{{innerItem.takeTime | unixRsolvedPipe:'YY/MM/DD'}}</div>
        <div class="col track"
             (click)="showSelectAction(innerItem.id, innerIndex, $event)">
            <div>{{innerItem.trackStatus | rosterTracksPipe:classify}}</div>
            <i *ngIf="innerItem.trackStatus"></i>
        </div>
    </div>
</div>
<div class="col card-ft">
    <div class="phone-wrapper" (click)="callPhone(roster, $event)">
        <i class="phone"></i>
    </div>
</div>
